<template>
  <div class="app-container">
    <el-card class="box-card">
      <el-form ref="form" :model="form" >
        <el-descriptions  title="人员信息" style="text-align: center" :column="4" border >
          <el-descriptions-item :contentStyle="contentStyle" label="申请人姓名" :span="2" label-class-name="my-label" :labelStyle="labelStyle" >{{ form.username}}</el-descriptions-item>
          <el-descriptions-item :contentStyle="contentStyle" label="管理人员姓名" :span="2" label-class-name="my-label" :labelStyle="labelStyle" >{{ form.managerName}}</el-descriptions-item>
          <el-descriptions-item :contentStyle="contentStyle" label="申请人身份证号" :span="2" label-class-name="my-label" :labelStyle="labelStyle" >{{ form.idNumber }}</el-descriptions-item>
          <el-descriptions-item :contentStyle="contentStyle" label="管理人员身份证号" :span="2" label-class-name="my-label" :labelStyle="labelStyle" >{{form.managerIdNumber}}</el-descriptions-item>
        </el-descriptions>
        <br/>
        <el-descriptions  title="印章信息" style="text-align: center" :column="4" border >
          <el-descriptions-item :contentStyle="contentStyle" label="印章编号" :span="2" label-class-name="my-label" :labelStyle="labelStyle" >{{ form.sealNumber}}</el-descriptions-item>
          <el-descriptions-item :contentStyle="contentStyle" label="印章名称" :span="2" label-class-name="my-label" :labelStyle="labelStyle" >{{ form.note1}}</el-descriptions-item>
          <el-descriptions-item :contentStyle="contentStyle" label="发放状态" :span="2" label-class-name="my-label" :labelStyle="labelStyle" >
            <dict-tag :options="dict.type.yh_release_status" :value="form.releaseStatus" />
          </el-descriptions-item>
        <el-descriptions-item :contentStyle="contentStyle" label="发放日期" :span="2" label-class-name="my-label" :labelStyle="labelStyle" >{{ form.releaseDate }}</el-descriptions-item>
        <el-descriptions-item :contentStyle="contentStyle" label="注销日期" :span="2" label-class-name="my-label" :labelStyle="labelStyle" >{{form.disableDate }}</el-descriptions-item>
        <el-descriptions-item :contentStyle="contentStyle" label="启用日期" :span="2" label-class-name="my-label" :labelStyle="labelStyle" >{{form.commissioningDate }}</el-descriptions-item>
        <el-descriptions-item :contentStyle="contentStyle" label="停用日期" :span="4" label-class-name="my-label" :labelStyle="labelStyle" >{{ form.closeDate }}</el-descriptions-item>
          <el-descriptions-item :contentStyle="contentStyle" label="备注" :span="4" label-class-name="my-label" :labelStyle="labelStyle" >{{ form.remark }}</el-descriptions-item>
      </el-descriptions>
      </el-form>
      <br/>
      <div style="float:right; margin-bottom: 15px;">
        <el-button @click="viewCancel">返 回</el-button>
      </div>
    </el-card>
  </div>
</template>
<script>


import {  getMana, } from "@/api/module/dr/mana";
import watermark from "watermark-dom";
export default {
  name: "ManaDetail",
  components: {
  },
  dicts:['yh_release_status'],
  data() {
    return {
      contentStyle:{
        'width':'200px'
      },
        labelStyle: { 'width': '140px','color': '#000000','text-align': 'right', },
        // 遮罩层
        loading: true,
        // 选中数组
        ids: [],
        // 非单个禁用
        single: true,
        // 非多个禁用
        multiple: true,
        // 显示搜索条件
        showSearch: false,
        // 总条数
        total: 0,
        // 部门树选项
        deptOptions: undefined,
        // 合同资料表格数据
        fileList: [],
        // 弹出层标题
        title: "",
        // 是否显示弹出层
        open: false,
        // 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          username: null,
          certificateId: null,
          idNumber: null,
          sealNumber: null,
          releaseDate: null,
          commissioningDate: null,
          closeDate: null,
          disableDate: null,
          releaseStatus: null,
          managerName: null,
          managerIdNumber: null,
          createBy: null,
          createTime: null,
          updateBy: null,
          updateTime: null,
          remark: null,
          note1: null,
          note2: null,
          note3: null,
          note4: null,
          note5: null,
          note6: null,
          note7: null,
          note8: null,
          note9: null,
          note10: null
        },
      // 表单参数
      form: {},
    };
  },
  mounted() {
    watermark.load({ watermark_txt: "  "   });
  },
  created() {

    const id = this.$route.query.id;
    if (id) {
      // 获取表详细信息

      getMana(id).then(res => {

        this.form = res.data;

      });

    }

  },
  methods: {


    /** 关闭按钮 */
    viewCancel() {
      const id = this.$route.query.id;
     getMana(id).then(response => {
        this.form = response.data;

      });
      const obj = { path: "/yewu/drmana", query: {id} };
      this.$tab.closeOpenPage(obj);
    }
  },

};
</script>






